 	<div class="bg-white">
		<a href="#"><img src="../img/index/loverly_cat.jpg"></a>
		<div class="cat_show">
			<ul>
				<li><a href="#"><img src="../img/index/pet_show/cat1.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat2.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat3.jpg"></a></li>
			</ul>
			<ul>			
				<li><a href="#"><img src="../img/index/pet_show/cat4.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat5.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat6.jpg"></a></li>
      </ul>
			<ul>
				<li><a href="#"><img src="../img/index/pet_show/cat7.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat8.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat9.jpg"></a></li>
			</ul>
			<ul>
				<li><a href="#"><img src="../img/index/pet_show/cat10.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat11.jpg"></a></li>
				<li><a href="#"><img src="../img/index/pet_show/cat12.jpg"></a></li>
			</ul>
		</div>
	</div>

	<style>
.cat_show{
   width:1200px;
   height:10=500px;
   margin:0 auto;
}
.cat_show:after{
    display:block;
	content:"";
	clear:both;
}
.cat_show>ul>li{
   float:left;
  
}
.cat_show>ul>li:first-child{
   margin-left:108px;
}



	</style>